<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <div class="run" id="headNav">


        <div class="run-distance">
            <p class="distance-text">目前累计跑步距离: </p>
            <p class="number"><span>999.99</span>公里</p>
        </div>

        <div id="map" class="map">
            <div class="map-top dpflex">
            </div>

            <div class="map-circle">
                <span class="go dpflex">GO</span>
            </div>

            <div class="map-bottom dpflex">
                <span class="iconfont icon-install"></span>
                <span class="iconfont icon-music"></span>
            </div>
        </div>

        <div class="runway">
            <h5>跑步路线</h5>
            <div class="text dpflex">
                <span>使用跑步路线,邂逅附近的同行者</span>
                <span class="iconfont icon-right"></span>
            </div>
        </div>

        <ul class="foot dpflex">
            <li>
                <a href="./home.html">
                    <span class="iconfont icon-home dpflex"></span>
                    <p>首页</p>
                </a>
            </li>
            <li class="active">
                <span class="iconfont icon-fitness dpflex"></span>
                <p>运动</p>
            </li>
            <li>
                <a href="./follow.html">
                    <span class="iconfont icon-Moments dpflex"></span>
                    <p>圈子</p>
                </a>
            </li>
            <li>
                <a href="./mine.html">
                    <span class="iconfont icon-user dpflex"></span>
                    <p><a href="./mine.html">我的</a></p>
                </a>
            </li>
        </ul>
        <p class="background"></p>
    </div>

    <script type="text/javascript"
        src="https://webapi.amap.com/maps?v=1.4.15&key=	458b2bf9ae8039880a004e225943817c"></script>
</body>

</html>